<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>二手东</title>
  <link rel="stylesheet" type="text/css" href="../css/style1.css">
  <link rel="stylesheet" type="text/css" href="../css/slideshow.css" />

  <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
  <script type="text/javascript" src="../js/slideshow.js"></script>
  <script>
    $(function(){
      $(".l2").mouseover(function(){
      $("#tap1").hide();
      $("#tap2").show();
      $(".underline1").animate({left:"55px"},300);
    });
  
    $(".l1").mouseover(function(){
      $("#tap2").hide();
      $("#tap1").show();
      $(".underline1").animate({left:"-2px"},300);
    });

    $(".rank1").mouseover(function(){
      $(".underline2").animate({left:"10px"},400);
    });
    $(".rank2").mouseover(function(){
      $(".underline2").animate({left:"83px"},400);
    });
    $(".rank3").mouseover(function(){
      $(".underline2").animate({left:"156px"},400);
    });
    $(".rank4").mouseover(function(){
      $(".underline2").animate({left:"229px"},400);
    });
    $(".rank5").mouseover(function(){
      $(".underline2").animate({left:"302px"},400);
    });

    $(".list").mouseover(function(){
      $(this).find(".detail_list").show();
    }).mouseleave(function(){
      $(this).find(".detail_list").hide();
    })
    })
  </script>
</head>
<style type="text/css">
  .imgX:hover{
    transform:translateX(-5px);
  }
  .imgX{
    transition: transform 0.3s;
  }
  .imgY:hover{
    transform:translateY(-5px);
  }
  .imgY{
    transition: transform 0.3s;
  }
</style>
<body>
  <div id="back1"></div>
  <div id="back2"></div>
  <div id="zong">
  	<div id="top"></div>
  	<div id="area1">
  	<div id="menu_top">
  	  <ul class="left">
  	  	<li class="tu"><a href="#"></a></li>
  	  	<li class="place">
        <div class="place_city">
        <img src="../img/dv.svg">
        <span href="#" class="hold city">北京</span>
          <div class="gaizi"></div>
          <div class="city_list" >
          <div class="city_list_content">
            <div class="city"><a href="javascript:void(0)">北京</a></div>
            <div class="city"><a href="javascript:void(0)">上海</a></div>
           <div class="city"><a href="javascript:void(0)" > 天津</a></div>
            <div class="city"><a href="javascript:void(0)" > 重庆</a></div>
           <div class="city"><a href="javascript:void(0)" > 江苏</a></div>
           <div class="city"><a href="javascript:void(0)" >内蒙古</a></div>
            <div class="city"><a href="javascript:void(0)" > 广东</a></div>
           <div class="city"><a href="javascript:void(0)" > 广西</a></div>
            <div class="city"><a href="javascript:void(0)" >海南</a></div>
            <div class="city"><a href="javascript:void(0)" > 贵州</a></div>
           <div class="city"><a href="javascript:void(0)" > 云南</a></div>
            <div class="city"><a href="javascript:void(0)" > 辽宁</a></div>
           <div class="city"><a href="javascript:void(0)" > 吉林</a></div>
            <div class="city"><a href="javascript:void(0)" > 黑龙江</a></div>
            <div class="city"><a href="javascript:void(0)" > 河北</a></div>
            <div class="city"><a href="javascript:void(0)" > 河南</a></div>
           <div class="city"><a href="javascript:void(0)" > 山东</a></div>
           <div class="city"><a href="javascript:void(0)" > 山西</a></div>
           <div class="city"><a href="javascript:void(0)" > 西藏</a></div>
           <div class="city"><a href="javascript:void(0)" >青海</a></div>
           <div class="city"><a href="javascript:void(0)" >宁夏</a></div>
           <div class="city"><a href="javascript:void(0)" >新疆</a></div>
           <div class="city"><a href="javascript:void(0)" >福建</a></div>
           <div class="city"><a href="javascript:void(0)" >江西</a></div>
           <div class="city"><a href="javascript:void(0)" >湖北</a></div>
           <div class="city"><a href="javascript:void(0)" >湖南</a></div>
           <div class="city"><a href="javascript:void(0)" >甘肃</a></div>
           <div class="city"><a href="javascript:void(0)" >陕西</a></div>
           <div class="city"><a href="javascript:void(0)" >四川</a></div>
           <div class="city"><a href="javascript:void(0)" >浙江</a></div>
           <div class="city"><a href="javascript:void(0)" >安徽</a></div>
           <div class="city"><a href="javascript:void(0)" >港澳</a></div>
           <div class="city"><a href="javascript:void(0)" >台湾</a></div>
           <div class="city"><a href="javascript:void(0)" >钓鱼岛</a></div>
           <div class="city"><a href="javascript:void(0)" > 海外</a></div>
  </div>  
  </div>
  </div>
        </li>
  	  </ul>
  	  <ul class="right">
  	  	<li class="xiang"><a href="#">你好，请登录</a></li>
  	  	<li class="xiang"><a href="#">免费注册</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">我的订单</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">我的京东</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">京东会员</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">企业采购</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">客户服务</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">网站导航</a></li>
  	  	<li class="shu"></li>
  	  	<li class="xiang"><a href="#">手机京东</a></li>
  	  </ul>
  	</div>
  	<div id="lang">
  	  <div class="kuan"><input type="text" name="shousuo" placeholder=" 空调"></div>
  	  <div class="kuan2"><a href="#"></a></div>
  	  <div class="kuan3">
  	    <a href="#">家电约0元</a>
  	    <a href="#">满160减60</a>
  	    <a href="#">农牧618</a>
  	    <a href="#">儿童凉鞋</a>
  	    <a href="#">品质家电</a>
  	    <a href="#">打底裤女秋</a>
  	    <a href="#">狼爪</a>
  	    <a href="#">买一免二</a>
  	    <a href="#">普洱茶</a>
  	  </div>
  	  <div class="kuan4">
  	  	<a href="#">秒杀</a>
  	  	<a href="#">优惠券</a>
  	  	<a href="#">闪购</a>
  	  	<a href="#">拍卖</a><b></b>
  	  	<a href="#">服装城</a>
  	  	<a href="#">京东超市</a>
  	  	<a href="#">生鲜</a>
  	  	<a href="#">全球购</a><b></b>
  	  	<a href="#">京东金融</a>
  	  </div>
  	</div>
  	<div id="mark">
  	<div id ="settleup-2014" >
    <div class="cw-icon cart">
      <i class="ci-left"></i>
      <a href="#" >我的购物车</a>
      <i class="ci-right">></i>
      <i class="ci-count" id="shopping-amount">0</i>
      <div class="cart_gaizi"></div>
      <div class="gouwuche_content">
        <div class="cart_empty"><img src="../img/gouwuche.png" style="display: inline-block;
    vertical-align: middle;position: relative;
    width: 56px;
    height: 49px;"> 购物车中还没有商品，赶紧选购吧！</div>
      </div>
    </div>
<!--    <div class="dordown-layer">
      <div class="spacer"></div>
      <div id="settleup-content">
        <span class="loading"></span> -->
      </div>
  	  <div class="erweima" href="#"></div>
  	  <a class="gif" href="#"></a>
    </div >
    </div>
    <div id="area2">
      <div class="area2_left">
      	<ul>
          <li class="list"><a href="#">家用电器</a><div class="detail_list">
            <div class="fs_col4_list">
              <a href="#" class="fs_col4_list_a">
                家电馆 >
              </a>
              <a href="#" class="fs_col4_list_a">
                城乡专卖店 >
              </a>
              <a href="#" class="fs_col4_list_a">
                家电服务 >
              </a>
              <a href="#" class="fs_col4_list_a">
                家电企业购 >
              </a>
              <a href="#" class="fs_col4_list_a">
                商用电器 >
              </a>
              <a href="#" class="fs_col4_list_a">
                高端家电 >
              </a>
            </div>
            <div class="fs_col4_detail">
              <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">电视 >  </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">曲面电视 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">超薄电视 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">HDR电视 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">OLED电视 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">4K超清电视 </a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">55寸电视</a>
             <i class="i">|</i>   
             <a href="#"  class="fs_col4_detail_thing">65寸电视</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">电视配件</a>
                                             
             </div>
            </div>
            </div>

            
            <div class="fs_col4_detail">
              <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">空调 >  </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">壁挂式空调 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">柜式空调 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">中央空调</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">以旧换新 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">0元安装 </a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">空调配件</a>
             
             </div>
             </div>
             </div>

            <div class="fs_col4_detail">
            <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">洗衣机 >  </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">滚筒洗衣机 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">洗烘一体机 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">波轮洗衣机</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">迷你洗衣机 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">烘干机</a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">洗衣机配件</a>
             
             </div>
             </div>
             </div>

           
             <div class="fs_col4_detail">
             <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">冰箱 >  </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">多门 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">对开门 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">单门</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">双门 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">三门</a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">冰柜/冰吧</a>
             <i class="i">|</i>                         
             <a href="#"  class="fs_col4_detail_thing">酒柜</a>
             <i class="i">|</i>  
             <a href="#"  class="fs_col4_detail_thing">冰箱配件</a>  
             </div>
             </div>
             </div>

             
             <div class="fs_col4_detail">
             <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">厨房小电 > </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">电饭煲 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">微波炉 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">电烤箱</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">电磁炉 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">电陶炉</a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">电压力锅</a>
             <i class="i">|</i>                         
             <a href="#"  class="fs_col4_detail_thing">空气炸锅</a>
             <i class="i">|</i>  
             <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">豆浆机</a>  

             </div>
             </div>
             </div>

             <div class="fs_col4_detail">
             <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">生活电器 > </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">电风扇</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">冷风扇 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">吸尘器</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">除螨机</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">净化器</a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">扫地机器人</a>
             <i class="i">|</i>                         
             <a href="#"  class="fs_col4_detail_thing">加湿器</a>
             <i class="i">|</i>  
             <a href="#"  class="fs_col4_detail_thing">挂烫机/熨斗</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">取暖电器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">插座</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">电话机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">饮水机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">净水器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">除湿机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">干衣机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">清洁机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">收音机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">毛球剃剪器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">其他生活用品</a>
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">生活用品配件</a>    
             </div>
             </div>
             </div>

                          <div class="fs_col4_detail">
             <div class="fs_col4_detail_item">
             <a href="#" class="fs_col4_detail_item_title">生活电器 > </a>
             <i class="i_title">|</i>
             <div class="fs_col4_detail_thing_list">
             <a href="#"  class="fs_col4_detail_thing">电风扇</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">冷风扇 </a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">吸尘器</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">除螨机</a>
             <i class="i">|</i>
             <a href="#"  class="fs_col4_detail_thing">净化器</a>
             <i class="i">|</i>                          
             <a href="#"  class="fs_col4_detail_thing">扫地机器人</a>
             <i class="i">|</i>                         
             <a href="#"  class="fs_col4_detail_thing">加湿器</a>
             <i class="i">|</i>  
             <a href="#"  class="fs_col4_detail_thing">挂烫机/熨斗</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">取暖电器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">插座</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">电话机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">饮水机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">净水器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">除湿机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">干衣机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">清洁机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">收音机</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">毛球剃剪器</a>  
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">其他生活用品</a>
              <i class="i">|</i>  
               <a href="#"  class="fs_col4_detail_thing">生活用品配件</a>    
             </div>
             </div>
          </div>
          </div></li>
          <li class="list"><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a><div class="detail_list">2222</div></li>
          <li class="list"><a href="#">电脑</a>/<a href="#">办公</a><div class="detail_list">3333</div></li>
          <li class="list"><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a><div class="detail_list">4444</div></li>
          <li class="list"><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a><div class="detail_list">5555</div></li>
          <li class="list"><a href="#">美妆个护</a><div class="detail_list"></div>6666</li>
          <li class="list"><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a><div class="detail_list">7777</div></li>
          <li class="list"><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a><div class="detail_list">8888</div></li>
          <li class="list"><a href="#">汽车</a>/<a href="#"></a>汽车用品<div class="detail_list">9999</div></li>
          <li class="list"><a href="#">母婴</a>/<a href="#">玩具乐器</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">礼品鲜花</a>/<a href="#">农资绿植</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">医药保健</a>/<a href="#">计生情趣</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">图书</a>/<a href="#">音像</a>/<a href="#">电子书</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a><div class="detail_list"></div></li>
          <li class="list"><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a><div class="detail_list"></div></li>
        </ul>
      </div>
      <div class="detail_list">
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
        </ul>
      </div>
      <div class="area2_center">
      	<div slideshow>
      	  <!--轮播图区域-->
				<div class="mid">
					<div class="loopPic">
						<img src="../img/slider1.jpg" />
						<img src="../img/slider2.jpg" style="display: none;"/>
						<img src="../img/slider3.jpg" style="display: none;"/>
						<img src="../img/slider4.jpg" style="display: none;"/>
						<img src="../img/slider5.jpg" style="display: none;"/>
						<img src="../img/slider6.jpg" style="display: none;"/>
						<img src="../img/slider7.jpg" style="display: none;"/>
						<img src="../img/slider8.jpg" style="display: none;"/>

						<div class="prev btn">
							
						</div>
						<div class="next btn">
							
						</div>
						<ul>
							<li style="background: #db192a;"></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>
				<!--轮播图结束-->
      	</div>
      	<div class="picture1"><a href="#"></a></div>
      	<div class="picture2"><a href="#"></a></div>
      </div>
      <div class="area2_right">
      	<div class="on">
      	  <ul>
      	  	<li><a class="p1" href="#"></a></li>
      	  	<li><b>Hi,欢迎来到京东.</b></li>
      	  	<li><a class="p2" href="#">登陆</a><a class="p2" href="#">注册</a></li>
      	  	<li><a class="p3" href="#">新人福利</a></li>
      	  	<li><a class="p3" href="#">PLUS会员</a></li>
      	  </ul>
      	</div>
      	<div class="in">
      	  <div class="in_head">
      	  	<a class="l1" id="test1">促销</a>
      	  	<a class="l2" id="test2">公告</a>
      	  	<div class="underline_red underline1"></div>
      	  	<a class="l3" href="#">更多</a>
      	  </div>
      	  <div class="in_content" id="tap1">
      	  	<ul>
      	  	  <li><a href="#">【爆款】最高10元抵1000!</a>
      	  	  </li>
      	  	  <li><a href="#">【超级预售】定金1元抵300</a>
      	  	  </li>
      	  	  <li><a href="#">居家生活爆品质低至6.18元</a></li>
      	  	  <li><a href="#">有颜不败家，挑剔618!</a>
      	  	  </li>
      	  	</ul>
      	  </div>
          <div class="in_content" id="tap2" style="display: none">
            <ul>
              <li><a href="#">特大喜讯，全场8折</a>
              </li>
              <li><a href="#">618优惠券即将失效</a>
              </li>
              <li><a href="#">居家生活爆品质低至6.18元</a></li>
              <li><a href="#">有颜不败家，挑剔618!</a>
              </li>
            </ul>
          </div>
      	</div>
      	<div class="under">
      	  <ul>
      	  	<li><a href="#"><img src="../img/icon1.png" width="20" height="25"><br/>话费</a></li>
      	  	<li><a href="#"><img src="../img/icon2.png" width="20" height="25"><br/>机票</a></li>
      	  	<li><a href="#"><img src="../img/icon3.png" width="20" height="25"><br/>酒店</a></li>
      	  	<li><a href="#"><img src="../img/icon4.png" width="20" height="25"><br/>游戏</a></li>
      	  	<li><a href="#"><img src="../img/icon5.png" width="20" height="25"><br/>企业购</a></li>
      	  	<li><a href="#"><img src="../img/icon6.png" width="20" height="25"><br/>加油卡</a></li>
      	  	<li><a href="#"><img src="../img/icon7.png" width="20" height="25"><br/>电影票</a></li>
      	  	<li><a href="#"><img src="../img/icon8.png" width="20" height="25"><br/>火车票</a></li>
      	  	<li><a href="#"><img src="../img/icon9.png" width="20" height="25"><br/>众筹</a></li>
      	  	<li><a href="#"><img src="../img/icon10.png" width="20" height="25"><br/>理财</a></li>
      	  	<li><a href="#"><img src="../img/icon11.png" width="20" height="25"><br/>礼品卡</a></li>
      	  	<li><a href="#"><img src="../img/icon12.png" width="20" height="25"><br/>白条</a></li>
      	  </ul>
      	</div>
      </div>
    </div>
    <div id="area3">
      <div class="area3_head">
        <div class="fang"></div>
        <div class="tu_time"></div>
        <h3>京东秒杀</h3>
        <a href="#">总有你想不到的低价</a>
        <span>后结束抢购</span>
        <div class="time"><span>03&nbsp;&nbsp;&nbsp;23&nbsp;&nbsp;&nbsp;11&nbsp;</span></div>
        <span>当前场次</span>
      </div>
  <div class="box_max">
   <div class="box_bd">
     <ul class="box_bd_1">
<!-- 前5个过渡-->
      <li class="box_bd_11">
          <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img ">
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li> 
        <li class="box_bd_11">
          <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li> 
          <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
       <li class="box_bd_11">
          <div class="box_bd_good">
           <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods13.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
               Apple iPhone 6 32G 金色 移动联通</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
     <li class="box_bd_11">
          <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods12.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                 格力变频空调</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li> 

<!-- 11个正文内容-->
       <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../img/goods11.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                水音响</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
        <li class="box_bd_11">
          <div class="box_bd_good">
           <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods13.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
               Apple iPhone 6 32G 金色 移动联通</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>

        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
         <li class="box_bd_11">
          <div class="box_bd_good">
           <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
          <div class="img"><img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
         <li class="box_bd_11">
          <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
         <li class="box_bd_11">
          <div class="box_bd_good">
           <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods13.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
               Apple iPhone 6 32G 金色 移动联通</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
         <li class="box_bd_11">
          <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods12.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                 格力变频空调</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li> 


       <!-- 后5个过渡-->
        <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../img/goods11.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
               水音响</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
         <li class="box_bd_11">
          <div class="box_bd_good">
           <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods13.webp" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
               Apple iPhone 6 32G 金色 移动联通</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
          <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
          <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
          <li class="box_bd_11">
         <div class="box_bd_good">
          <a href="https://miaosha.jd.com/#2600248" target="_blank" class="name">
         <div class="img"> <img src="../index_img/goods10.jpg" class=".sk_item_img "></div>
           <span class="sk_item_name"> 
                长虹（CHANGHONG） 正1.5匹变频 一级能效 除PM2.5智能</span></a>
         </div>
         <p class="box_db_good_p">
         <i>¥</i>
         <span>979.00</span>
         <span class="box_db_good"></span>
         <span class="box_db_dazhe"><i>¥</i>
         <del>999.00</del></span>
         </p>
       </li>
       </ul>
        <div class="prev bd">
              
            </div>
        <div class="next bd">
              
            </div>
       </div>
         <div class="box_bd_2">
         <div class="box_bd_11">
          <div class="box_bd_good"><a href="https://miaosha.jd.com/pinpailist.html" target="_blank" >
          <img src="../index_img/ad9.jpg" class=".sk_item_img ">
          </a>
        </div>
       </div>
     </div>
   </div>    
    </div>
    <div id="area4">
      <div class="area4_1">
      	<div class="head">
      	  <h3>发现好货</h3>
      	  <a href="#">发现品质生活</a>
      	</div>
      	<div class="goods">
      	  <ul>
      	  	<li class="p1">
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  	<li class="p2">
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  	<li class="p1">
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  	<li class="p2">
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  	<li class="p5">
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  	<li>
      	  	  <a href="#">索尼迷你防<br>水音响<img class="imgX" src="../img/goods11.webp"></a>
      	  	</li>
      	  </ul>
      	</div>
      </div>
      <div class="area4_2">
      	<div class="head">
      	  <h3>优品专辑</h3>
      	  <a href="#">甄选优质好物</a>
      	</div>
      	<div class="goods">
      	  <ul>
      	  	<li>
      	  	  <a href="#">能除甲醛的空调,新房刚装修就选它<br/><img src="../img/goods12.jpg"><img src="../img/goods12.jpg"><img src="../img/goods12.jpg"></a>
      	  	</li>
      	  	<li class="line"></li>
      	  	<li>
      	  	  <a href="#">能除甲醛的空调,新房刚装修就选它<br/><img src="../img/goods12.jpg"><img src="../img/goods12.jpg"><img src="../img/goods12.jpg"></a>
      	  	</li>
      	  </ul>
      	</div>
      </div>
      <div class="area4_3">
      	<div class="head">
      	  <h3>排行榜</h3>
      	  <a href="#">专属你的购物指南</a>
      	</div>
      	<div class="list">
      	  <a class="left rank1" href="">手机通讯</a>
      	  <a class="left rank2" href="">创意礼品</a>
      	  <a class="left rank3" href="">大家电</a>
      	  <a class="left rank4" href="">坚果妙货</a>
      	  <a class="last rank5" href="">户外风衣</a>
      	</div>
      	<div class="underline_red underline2"></div>
      	<div class="goods">
      	  <ul>
      	  <li><a class="p1" href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num1">1</div></a></li>
      	  <li><a class="p1" href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num2">2</div></a></li>
      	  <li><a class="p3" href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num3">3</div></a></li>
      	  <li><a class="p4" href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num4">4</div></a></li>
      	  <li><a class="p4" href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num4">5</div></a></li>
      	  <li><a href=""><img src="../img/goods13.webp"><br/>Apple iPhone 6 32G<br/>金色 移动联通<div class="num4">6</div></a></li>
      	  </ul>
      </div>
      </div>
    </div>
    <div id="area5">
      <div class="area5_title">
      	<ul>
      	 <li><h1>领券中心</h3></li>
      	 <li class="line"></li>
      	 <li><p>没抢到？</p></li>
      	 <li><p>可以去看看更多优惠券</p></li>
      	 <li><a href="#">前往领券中心</a></li>
      	</ul>
      </div>
      <div class="area5_quan">
      	<ul>
      	  <li><a class="price" href="#"><p>¥</p><h1>200</h1></a></li>
      	  <li><a class="limit" href="#">仅可购买荣耀指定<br/>商品</a></li>
      	  <li><a class="detail" href="#">消费满500可用</a></li>
      	  <li><a class="more" href="#">更多好券</a></li>
      	</ul>
      </div>
      <div class="area5_quan">
      	<ul>
      	  <li><a class="price" href="#"><p>¥</p><h1>200</h1></a></li>
      	  <li><a class="limit" href="#">仅可购买荣耀指定<br/>商品</a></li>
      	  <li><a class="detail" href="#">消费满500可用</a></li>
      	  <li><a class="more" href="#">更多好券</a></li>
      	</ul>
      </div>
      <div class="area5_quan">
      	<ul>
      	  <li><a class="price" href="#"><p>¥</p><h1>200</h1></a></li>
      	  <li><a class="limit" href="#">仅可购买荣耀指定<br/>商品</a></li>
      	  <li><a class="detail" href="#">消费满500可用</a></li>
      	  <li><a class="more" href="#">更多好券</a></li>
      	</ul>
      </div>
      <div class="area5_quan">
      	<ul>
      	  <li><a class="price" href="#"><p>¥</p><h1>200</h1></a></li>
      	  <li><a class="limit" href="#">仅可购买荣耀指定<br/>商品</a></li>
      	  <li><a class="detail" href="#">消费满500可用</a></li>
      	  <li><a class="more" href="#">更多好券</a></li>
      	</ul>
      </div>
      <div class="area5_quan">
      	<ul>
      	  <li><a class="price" href="#"><p>¥</p><h1>200</h1></a></li>
      	  <li><a class="limit" href="#">仅可购买荣耀指定<br/>商品</a></li>
      	  <li><a class="detail" href="#">消费满500可用</a></li>
      	  <li><a class="more" href="#">更多好券</a></li>
      	</ul>
      </div>
    </div>
    <div id="area6">
      <div></div>
      <a href="#"><img src="../img/ad15.jpg"></a>
      <a href="#"><img src="../img/ad16.jpg"></a>
      <a href="#"><img src="../img/ad17.jpg"></a>
    </div>
    <div id="area7">
      <div class="area7_head">
      	<h3>享品质</h3>
      </div>
      <div class="area7_goods">
      	<ul>
      	  <li class="live"><a href="#"></a></li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li>
      	    <a class="phone_new" href="#">
      	  	  <div>
      	  	    <h4>新品发售</h4>
      	  	    <p>三星Galaxy S8限量抢购</p>
      	  	  </div>
      	    </a>
      	  </li>
      	  <li><a class="naifen" href="#">
      	  	<div>
      	  	<h3>全球尖货</h3>
      	  	<b>全球自营好货</b>
      	  	</div>
      	  </a></li>
      	  <li><a class="naifen" href="#">
      	  	<div>
      	  	<h3>全球尖货</h3>
      	  	<b>全球自营好货</b>
      	  	</div>
      	  </a></li>
      	</ul>
      </div>
    </div>
    <div id="area6">
      <div></div>
      <a href="#"><img src="../img/ad15.jpg"></a>
      <a href="#"><img src="../img/ad16.jpg"></a>
      <a href="#"><img src="../img/ad17.jpg"></a>
    </div>
    <div id="area8">
      <div class="area7_head">
      	<h3>爱生活</h3>
      </div>
      <div class="share">
      	<div class="area8_title">
      	  <h3>爱逛</h3>
      	  <a href="#">小天鹅</a>
      	  <a href="#">珠宝</a>
      	  <a href="#">儿童腕表</a>
      	  <a href="#">PLUS会员</a>
      	  <a href="#">DICKIES</a>
      	</div>
      	<div class="area8_share">
      	  <ul>
      	  	<li class="chuanda"><a href="#"></a></li>
      	  	<li class="yi">
      	  	  <a class="p1" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a class="p2" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a class="p3" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  </ul>
      	</div>
      </div>
      <div class="feng"></div>
      <div class="share">
      	<div class="area8_title">
      	  <h3>爱逛</h3>
      	  <a href="#">小天鹅</a>
      	  <a href="#">珠宝</a>
      	  <a href="#">儿童腕表</a>
      	  <a href="#">PLUS会员</a>
      	  <a href="#">DICKIES</a>
      	</div>
      	<div class="area8_share">
      	  <ul>
      	  	<li class="chuanda"><a href="#"></a></li>
      	  	<li class="yi">
      	  	  <a class="p1" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a class="p2" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a class="p3" href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="yi">
      	  	  <a href="#">
      	  	  	<h3>格调男装</h3>
      	  	  	<b>不止5折</b>
      	  	  </a>
      	  	</li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  	<li class="xiang"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  	<li class="zhou"><a href="#"></a></li>
      	  </ul>
      	</div>
      </div>
    </div>
  	</div>
</body>

<script type="application/javascript">
  $(function(){
      var s = 5;
      var g = $('.box_bd_1 li').length ;
      var h = (g)*200;
      $(".box_bd_1").css({width:h+"px"})

      $('.box_bd_1').css({left:"-1000px"})

      $(' .box_bd .prev').click(function(){
        if (s==0) {
        $('.box_bd_1').css({left:"-"+(h-10*200)+"px"})
        s=g-10;
        }
        s--;
        var d=s*200;
        $('.box_bd_1').stop().animate({left:"-"+d+"px"},300)
      
       })



      $(" .box_bd .next").click(function(){
        if (s==g-5) {
        $('.box_bd_1').css({left:"-1000px"})
        s=5;
        }
        s++;
        var d=s*200;

        $(".box_bd_1").stop().animate({left:"-"+d+"px"},300)
          })

  })
</script>
</html>
